<div class="modal-header" style="padding-top:32px">
    <button type="button" class="close" ng-click="cancel()"  aria-hidden="true"></button>
    <h4 class="modal-title">
        <div class="caption">
            <i class=" icon-layers font-red"></i>
            <span class="caption-subject font-red sbold uppercase">图标选择</span>
        </div>
    </h4>
</div>
<div class="modal-body">
    <section id="new">
        <h3>66 New Icons in 4.4</h3>
        <div class="row fontawesome-icon-list">
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-500px"></i> 500px</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-amazon"></i> amazon</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-balance-scale"></i> balance-scale</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-0"></i> battery-0
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-1"></i> battery-1
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-2"></i> battery-2
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-3"></i> battery-3
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-4"></i> battery-4
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-empty"></i> battery-empty</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-full"></i> battery-full</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-half"></i> battery-half</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-quarter"></i> battery-quarter</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-battery-three-quarters"></i> battery-three-quarters</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-black-tie"></i> black-tie</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-calendar-check-o"></i> calendar-check-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-calendar-minus-o"></i> calendar-minus-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-calendar-plus-o"></i> calendar-plus-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-calendar-times-o"></i> calendar-times-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-cc-diners-club"></i> cc-diners-club</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-cc-jcb"></i> cc-jcb</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-chrome"></i> chrome</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-clone"></i> clone</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-commenting"></i> commenting</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-commenting-o"></i> commenting-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-contao"></i> contao</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-creative-commons"></i> creative-commons</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-expeditedssl"></i> expeditedssl</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-firefox"></i> firefox</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-fonticons"></i> fonticons</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-genderless"></i> genderless</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-get-pocket"></i> get-pocket</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-gg"></i> gg</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-gg-circle"></i> gg-circle</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-grab-o"></i> hand-grab-o
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-lizard-o"></i> hand-lizard-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-paper-o"></i> hand-paper-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-peace-o"></i> hand-peace-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-pointer-o"></i> hand-pointer-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-rock-o"></i> hand-rock-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-scissors-o"></i> hand-scissors-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-spock-o"></i> hand-spock-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hand-stop-o"></i> hand-stop-o
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass"></i> hourglass</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-1"></i> hourglass-1
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-2"></i> hourglass-2
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-3"></i> hourglass-3
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-end"></i> hourglass-end</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-half"></i> hourglass-half</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-o"></i> hourglass-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-hourglass-start"></i> hourglass-start</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-houzz"></i> houzz</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-i-cursor"></i> i-cursor</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-industry"></i> industry</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-internet-explorer"></i> internet-explorer</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-map"></i> map</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-map-o"></i> map-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-map-pin"></i> map-pin</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-map-signs"></i> map-signs</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-mouse-pointer"></i> mouse-pointer</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-object-group"></i> object-group</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-object-ungroup"></i> object-ungroup</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-odnoklassniki"></i> odnoklassniki</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-odnoklassniki-square"></i> odnoklassniki-square</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-opencart"></i> opencart</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-opera"></i> opera</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-optin-monster"></i> optin-monster</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-registered"></i> registered</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-safari"></i> safari</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-sticky-note"></i> sticky-note</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-sticky-note-o"></i> sticky-note-o</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-television"></i> television</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-trademark"></i> trademark</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-tripadvisor"></i> tripadvisor</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-tv"></i> tv
                <span class="text-muted">(alias)</span>
            </div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-vimeo"></i> vimeo</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-wikipedia-w"></i> wikipedia-w</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-y-combinator"></i> y-combinator</div>
            <div class="fa-item col-md-3 col-sm-4" ng-click="selectedIcon($event)">
                <i class="fa fa-yc"></i> yc
                <span class="text-muted">(alias)</span>
            </div>
        </div>
    </section>
</div>